<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01-react的基本使用</title>
</head>
<body>

    <div id="root"></div>

    <!-- 1. 加载 React。-->
    <!-- 使用 react 需要引入两个核心包: react 和 react-dom -->
    <!-- 1.1 注意: 部署时，将 "development.js" 替换为 "production.min.js"。下面是网站引入 -->
<!--    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>-->
<!--    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>-->
    <!-- 1.2 使用 node 下载了其依赖包, 就从 node_modules 中引入了 -->
    <script src="./node_modules/react/umd/react.development.js"></script>
    <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>

    <!-- 2. 加载或创建我们的 React 组件。-->
<!--    <script src="like_button.js"></script>-->
    <script>
        // 2.1 创建 React 元素
        /* 参数1: 元素名称, 参数二: 元素属性, 参数三: 元素子节点 */
        const title = React.createElement(
            'h1',
            {title: '我是标题', id: 'myTitle'},
            'Hello React'
        );
        // 2.2 渲染 React 元素
        /* 参数一: 要渲染的 react 元素, 参数二: 挂载点 */
        ReactDOM.render(title, document.getElementById('root'))
    </script>

</body>
</html>